$green : #49cabf;
body{
	text-align:center;
	.info-container{
		text-align: left;
		display: flex;
		.flex-2{
			flex:2;
			img{
				width: 70%;
				border-radius: 50%;			
			}
		}
		.flex-3{
			font-size: 0.42rem;
			flex:3;
		}
	}
	.detail-info{
		text-align: left;
		text-indent: 2em;
		padding:0.1rem;
		color: #000;
		background-color:#FFF;
		margin: 0;
	}
	.confirm-container{
		padding:0 1%;
		.title{
			font-size: 0.42rem;
			text-align: left;
		}
		.date-wrapper{
			display: flex;
			flex-wrap: wrap;
			.single-date{
				width: 14.2%;
				border:1px solid #ddd;
				padding: 0.2rem;
				position: relative;
				span{
					display: block;
				}
				&.weeks{
					text-shadow: 0 0 1px #ddd;
					background-color:#cff;
				}
				&.day{
					&.selected{
						border: 2px solid $green;
						.glyphicon{
							display: block;
						}
					}
				}
				.glyphicon{
					position: absolute;
					top: 0;
					right: 0;
					color: $green;
					display: none;
				}
			}
		}
	}
	.confirm-info{
		display: flex;
		justify-content: center;
		background-color:#ddd;
		margin:1% 0;
		.single-info{
			background-color:#FFF;
			width: 20%;
			min-width: 2rem;
			font-size: 0.42rem;
			span{
				display: inline-block;
				vertical-align: middle;
				width: 0.3rem;
				height: 0.3rem;
				background-color:$green;
				margin-right: 5px;
				&.disable{
					background-color: grey;
				}
				&.had{
					background-color: red;
				}
			}

		}
	}
	.single{
		width: 100%;
	}
	.day-during{
		display: flex;
		width: 100%;
		.day-line{
			flex: 1;
			display: flex;
			flex-direction: column;
			span{
				flex: 1;
				line-height: 0.8;
				white-space: pre-wrap;
			}
		}
		.day-info{
			color: #FFF;
			flex: 5;
			width: 100%;
			box-sizing: border-box;
			display: flex;
			justify-content: space-between;
			flex-wrap: wrap;
			.time-line{
				width: 33.3%;
				background-color: #1aad17;
				border: 5px solid #fff;
				&.hadchosed{
					background-color:red;
				}
				&.disable{
					background-color:grey!important;
				}
			}
		}
	}
	.full-row-list{
		.list-group{
			display: flex;
			margin-bottom: 0;
			padding-right: 2%;
			overflow: hidden;
			.img-wrapper{
				flex:1;
				padding: 5px;
				img{
					width: 100%;
				}
			}
			.info-wrapper{
				padding: 10px;
				flex:3;
				text-align: left;
				hr{
					margin:10px;
				}

				p{
					line-height: 1;
					&.cost{
						color: #c4bebe;
					}
					span{
						color: red;
						&.blod{
							color: #000;
							font-size:0.48rem;
						}
						&.num{
							color:$green;
							padding:0.1rem;
						}
					}
				}
			}
			.extra-info{
				flex:1;
				position: relative;
				span{
					position: absolute;
					bottom:20%;
					right: 0;
					border-radius: 10px;
					border:2px solid $green;
					padding:0.1rem 0.2rem;
					a{
						color: $green;
					}
				}
			}
		}
		&:before{
			content: '';
			display: block;
			height: 5px;
			background-color: #ddd;
			width: 100%;
			margin-top: 5px;
		}
		&:after{
			content: '';
			display: block;
			height: 5px;
			background-color: #ddd;
			width: 100%;
			margin-bottom: 5px;
		}
	}
}
.data-get-container{
	text-align: left;
	margin-top:5px;
	width: 100%;
	form{
		width: 100%;
	}
	label{
		display: block;
		font-size: 0.4rem;
		span{
			display: inline-block;
			width: 20%;
		}
		padding-left:0.1rem;
		input{
			width: 70%;
		    line-height: 1.25;
		    padding: 0.2rem;
		    color: #55595c;
		    background-color: #fff;
		    background-image: none;
		    -webkit-background-clip: padding-box;
		    background-clip: padding-box;
		    border: 1px solid rgba(0, 0, 0, 0.15);
		}
	}
	

}
.btn{
	width: 90%;
	transform: translateX(-50%);
	position: relative;
	left: 50%;
	font-size: 0.5rem;
	border-radius:10px;
	padding: 0.2rem;
	background-color:#fe7802;
}
.cover-tip{
	display:none;
	font-size: 0.36rem;
	position:fixed;
	width:10rem;
	height:100%;
	z-index:9;
	background-color:rgba(0,0,0,0.5);
	top:0;
	margin:0;
	left:0;
	right:0;
	bottom:0;
	.content{
		text-align: left;
		color:#333;
		box-sizing:border-box;
		margin: 0 auto;
		position: relative;
		width: 8.333rem;
		margin-left: 0.8rem;
		top:50%;
		transform: translateY(-50%);
		background-color:#FFF;
		padding:1rem 0;
		.close{
			position: absolute;
			right: 0;
			top:0;
		}
		.title{
			font-size: 0.48rem;
			text-align: center;
			padding-bottom:0.5rem;
		}
		.text-info{
			position: relative;
			width: 7.6rem;
			left:50%;
			transform:translateX(-50%);
		}
		p{
			text-indent: 0.72rem;
			margin: 0;
		}
		span{
		}
		.btn{
			margin-top: 0.84rem;
		}

	}
}
.page-header{
	background-color: $green;
	color: #fff;
	padding: 20px 0 0;
	margin: 0;
}

.ui-beautify{
	&:before{
		content: '';
		display: block;
		height: 10px;
		background-color: #ddd;
		width: 100%;
	}
}
.row{
	font-size: 0.38rem !important;
}
